.channel {
    color: #333333;
    font-size: 14px;

    .error {
        color: red;
    }

    .success {
        color: #67c23a;
    }

    .primary {
        color: #409eff;
    }

    .grey {
        color: #797979;
    }

    .el-button {
        font-size: 14px;
    }
}

@include b(unauth) {
    padding: 0 40px;

    @include e(empty) {
        @include flex;
        height: 400px;
        flex-direction: column;

        @include m(button) {
            margin-top: 20px;
            font-size: 14px;
        }
    }

    @include e(info) {
        @include m(tips) {
            display: flex;

            .left {
                flex: 0 0 100px;
                margin-right: 30px;
            }

            .right li {
                margin-bottom: 20px;
            }
        }

        @include m(table) {
            display: flex;

            .left {
                flex: 0 0 100px;
                margin-right: 14px;
            }

            table, table tr, table tr td {
                border:1px solid rgba(228, 228, 228, 1);
                text-align: center;
            }

            table tr td {
                padding: 20px;
            }

            table tr:first-child,  table tr td:first-child{
                background-color: rgba(242, 242, 242, 1);
            }

            .select {
                font-size: 28px;
                color: #00CC00;
            }
        }
    }
}

@include b(auth) {
    @include e(info) {
        margin-top: 80px;

        @include m(title) {
            font-size: 14px;
            text-align: left;
            font-weight: 700;
        }
    }

    @include e(table) {
        td {
            padding: 15px 5px;
        }

        @include m(text) {
           .lump {
               display: inline-block;
               width: 3px;
               height: 12px;
               background-color: rgba(0, 110, 255, 1);
               margin-right: 12px;
           }
        }
    }

    @include e(buttons) {
        padding: 40px 5px;
    }
}

@include b(message) {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: normal;
    line-height: normal;
    text-transform: none;
    @include e(info) {
        background: rgba(246, 248, 250, 1);
        color: #AEB9CA;
        padding: 15px;

        p:not(:last-child) {
            margin-bottom: 15px;
        }
    }
}
